@import url('~assets/less/index.less');
.daytime {
  background: #fff;
  color: black;
}
.van-tabs__nav--card .van-tab.van-tab--active {
  color: #fff;
  background-color: #daab51;
}
.van-tabs__nav--card .van-tab {
  border-right: 0.026667rem solid #daab51;
}
.van-tabs__nav--card .van-tab {
  color: #daab51;
}
.van-tabs__nav--card {
  border: 0.026667rem solid #daab51;
}
.active1 {
  background: #121212;
  color: #fff;
}
.darknight {
  background: #191b27 !important;
  color: #fff;
  .moomoo_mod_nav {
    background: #191b27 !important;
  }
  .van-tabs__nav--card {
    border: 0.026667rem solid #000000;
  }
  .van-tab {
    background-color: #000000;
    color: #fff;
  }
  .van-tabs__nav--card .van-tab {
    border-right: 0.026667rem solid #191b27;
  }
  .van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    background-color: #191b27;
  }
  .register_box_desc > h2 {
    color: #fff;
  }
  .register_box_form .van-form > div .van-cell input {
    background-color: #000000 !important;
    color: #fff;
  }
  .register_box_form .submit_btn .van-button {
    background-color: #000000 !important;
  }
  /deep/.van-cell {
    background-color: #000000 !important;
  }
  /deep/.moomoo_mod_nav {
    background-color: #191b27 !important;
  }
  /deep/.share_mod_box_content {
    background-color: #000000 !important;
  }
  /deep/.van-field__control {
    color: #dde2ec !important;
  }
  /deep/.van-tabs__nav--card {
    border-color: #000000 !important;
  }
  /deep/.exchange_mod_box_exchange-info {
    background-color: #000000 !important;
  }
  /deep/.van-tab--active {
    background-color: #000000 !important;
    color: #fff !important;
  }
  .van-tabs__line {
    background-color: #fff;
  }
  /deep/.payment_mod_box_list {
    background-color: #000000 !important;
  }
  /deep/.van-popup,
  .van-picker {
    background-color: #000000 !important;
  }
  /deep/.moomoo-bottom-submit {
    background-color: #191b27 !important;
  }
  /deep/p,
  span,
  .color {
    color: #fff !important;
  }
  /deep/.van-picker__mask {
    background-image: unset !important;
  }
  /deep/.share_mod_box_content h1 {
    color: #fff !important;
  }
  /deep/.van-tab--active .van-tab__text--ellipsis {
    color: #fff !important;
  }
  /deep/.van-tab__text--ellipsis {
    color: #000;
  }
  /deep/.van-ellipsis {
    color: #fff;
  }
  /deep/.van-uploader__upload {
    background-color: #000000 !important;
  }
  /deep/.van-button {
    background-color: #191b27 !important;
    border-color: #000000 !important;
  }
}

.dark_li_color {
  /deep/.van-field__control {
    color: #dde2ec !important;
  }

  background-color: #000000 !important;
  color: #fff !important;
}
.white {
  color: #fff !important;
}
.register {
  min-height: 100vh;
  &_box {
    padding: 0 24px;

    &_desc {
      padding: 24px 0px;

      & > h2 {
        margin-bottom: 12px;
        font-size: 28px;
        color: #1a1a1a;
        font-family: @font-family-Medium;
        font-weight: bold;
      }

      & > span {
        font-family: @font-family-Regular;
        color: #878999;
        font-size: 14px;
      }
    }

    &_form {
      padding: 24px 0;

      .van-tabs {
        font-family: @font-family-Medium;

        &__line {
          background-color: #daab51;
        }

        .van-tab {
          flex: 1;
          margin-right: 25px;
          font-weight: bold;

          &--active {
            color: #daab51;
          }
        }
      }

      .van-form {
        & > div {
          position: relative;
          margin-top: 16px;

          .van-cell {
            padding: 0;
            height: 48px;
            line-height: 48px;
            background-color: #f3f3f3;
            border-radius: 4px;

            input {
              font-family: @font-family-Regular;
              text-indent: 16px;
            }
          }

          .van-icon {
            position: absolute;
            right: 12px;
            top: 12px;
            font-size: 24px;
            color: #abacb7;
          }

          .van-icon-clear {
            color: #abacb7;
          }
        }

        .verification_code {
          display: flex;

          .van-cell {
            margin-right: 8px;
            flex: 1;
          }

          .van-image {
            width: 128px;
            height: 48px;
          }
        }
      }

      .submit_btn {
        margin-top: 10px;
        border-radius: 4px;

        .van-button {
          padding: 0;
          background-color: #daab51;
          color: #ffffff;
          height: 48px;
          font-size: 16px;
          font-family: @font-family-Medium;
          border-radius: 4px;
        }
      }
    }
  }
}
